<template>
  <div>
    <header-top></header-top>
    <main-header></main-header>
    <router-view :key="$route.path"></router-view>
  </div>
</template>

<script>
import mainHeader from '../components/header/Header.vue'
import HeaderTop from '../components/header/HeaderTop'

export default {
  components: {
    mainHeader,
    HeaderTop
  }
}
</script>

<style lang="scss" scoped>
.nav {
  height: 3.2308rem;
  .nav-item {
    display: flex;
    flex: 1;
    justify-content: center ;
    align-items: center;
    .nav-link {
      border:  none;
      &.active {
        border-bottom: 3px solid #fff;
      }
    }
  }
}
</style>
